.goodsView {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 30rpx 20rpx;
  /* margin: 20rpx; */
}

.priceView {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.groupTotal {
  width: 70rpx;
  height: 34rpx;
  line-height: 34rpx;
  text-align: center;
  /* background: #22B857; */
  border-radius: 5rpx;
  font-size: 24rpx;
  color: #666666;
}

.goodsPrice {
  /* font-size: 28rpx; */
  /* font-weight: bold; */
  color: #ff2323;
  /* margin-left: 10rpx; */
  margin: 30rpx 0;
}
.goodsPrice-t {
  height: 36rpx;
  background: #f5e7e6;
  border-radius: 10rpx;
  line-height: 36rpx;
  padding: 9rpx;
  margin-right: 10rpx;
}
.goodsPrice-f {
  font-size: 24rpx;
}
.goodsPrice-p {
  font-size: 36rpx;
  font-weight: bold;
}
/* .goodsPrice text {
	font-size: 42rpx;
	font-weight: bold;
	color: #FF2323;
} */

.downTimeView {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24rpx;
  font-weight: 400;
  color: #01a90c;
}

.goodsTitle {
  font-size: 32rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 20rpx;
}

.goodsText {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
  margin-top: 20rpx;
}

.pickupView {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 20rpx;
  margin: 20rpx;
}

.pickupTitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #666666;
}

.pickupTime {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  margin-left: 20rpx;
}

.groupView {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 0px 20rpx;
  margin-bottom: 20rpx;
}

.otherView {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30rpx 0px;
}

.otherTitle {
  flex: 1;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.otherText {
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
  margin-right: 10rpx;
}

.groupItemView {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #e6f5f3;
  border-radius: 10rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
}

.nickname {
  flex: 1;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
  margin-left: 10rpx;
}

.groupTime {
  display: flex;
  flex-direction: column;
  font-size: 22rpx;
  font-weight: 400;
  color: #333333;
}

.groupTime text {
  color: #10a28f;
}

.countDown {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.groupBtn {
  width: 145rpx;
  height: 65rpx;
  line-height: 65rpx;
  text-align: center;
  background: #10a28f;
  border-radius: 15rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #ffffff;
  margin-left: 40rpx;
}

.goodsInfo {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 20rpx;
  /* margin: 20rpx; */
}

.sectionTitle {
  font-size: 28rpx;
  font-weight: 400;
  color: #121212;
}

.tableView {
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e8;
  border-radius: 10rpx;
  overflow: hidden;
  margin-top: 20rpx;
}

.thView {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: -1px;
}

.thTitle {
  width: 150rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  border-right: 1px solid #e8e8e8;
}

.thText {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  padding: 0px 20rpx;
}

.rightView {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.paymentView {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  /* width: 240rpx; */
  justify-content: center;
  width: 520rpx;
  height: 80rpx;
  background: #10a28f;
  margin-right: 20rpx;
  border-radius: 40rpx;
}

.cartView {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 240rpx;
  height: 76rpx;
  background: #f54831;
  margin-right: 20rpx;
  border-radius: 40rpx;
}

.goodsMoney {
  font-size: 36rpx;
  font-weight: 400;
  color: #ffffff;
}

.btnTitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #ffffff;
}

.numberView {
  height: 500rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 10rpx;
  z-index: 10;
  margin: 0px 20rpx;
}

.numberTitle {
  font-size: 30rpx;
  font-weight: 400;
  color: #333333;
  padding: 30rpx 0px;
}

.downView {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 24rpx;
}

.downTitle {
  font-size: 24rpx;
  font-weight: 400;
  color: #000000;
  margin: 0px 10rpx;
}

.line {
  width: 40rpx;
  height: 1px;
  background: #333333;
}

.time {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.time-custom {
  width: 56rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  background: #999999;
  border-radius: 10rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #ffffff;
  margin-right: 10rpx;
  margin-left: 10rpx;
}

.userView {
  display: flex;
  flex-direction: row;
  margin-top: 40rpx;
  margin-bottom: 60rpx;
}

.userInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20rpx;
}
.userInfo:last-child {
  margin-right: 0;
}

.userItem {
  width: 100rpx;
  height: 100rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.username {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 20rpx;
}

.usetType {
  width: 56rpx;
  height: 28rpx;
  line-height: 28rpx;
  text-align: center;
  background: #fb992b;
  border-radius: 10rpx;
  font-size: 20rpx;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  bottom: 15rpx;
}

.shareBtn {
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  background: #10a28f;
  border-radius: 35rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #ffffff;
}
